<template>
  <div>
    <div class="componentTitle">企业基础数据</div>
    <div class="formTable">
      <div class="inputBox">
        <div class="subInputBox">
          <span class="inputBoxName inputBoxNameWidth">矿山名称</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
            style="width: 392px; hight: 32px"
          >
          </el-input>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">所在市</span>
          <el-select v-model="value1" placeholder="请选择">
            <el-option
              v-for="item in optionsData"
              :key="item.value"
              :label="item.label"
              :value="item.value"
              style="width: 392px; hight: 32px"
            >
            </el-option>
          </el-select>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">所在县</span>
          <el-select v-model="value1" placeholder="请选择">
            <el-option
              v-for="item in optionsData"
              :key="item.value"
              :label="item.label"
              :value="item.value"
              style="width: 392px; hight: 32px"
            >
            </el-option>
          </el-select>
        </div>
      </div>

      <div class="inputBox">
        <div class="subInputBox">
          <span class="inputBoxName inputBoxNameWidth">所在乡镇</span>
          <el-select v-model="value1" placeholder="请选择">
            <el-option
              v-for="item in optionsData"
              :key="item.value"
              :label="item.label"
              :value="item.value"
              style="width: 392px; hight: 32px"
            >
            </el-option>
          </el-select>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">详细地址</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
            style="width: 392px; hight: 32px"
          >
          </el-input>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">经度</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
            style="width: 392px; hight: 32px"
          >
          </el-input>
        </div>
      </div>

      <div class="inputBox">
        <div class="subInputBox">
          <span class="inputBoxName inputBoxNameWidth">经度</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
            style="width: 392px; hight: 32px"
          >
          </el-input>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">日常安全监管主体</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
            style="width: 392px; hight: 32px"
          >
          </el-input>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">生产状态</span>
          <el-select v-model="value1" placeholder="请选择">
            <el-option
              v-for="item in optionsData"
              :key="item.value"
              :label="item.label"
              :value="item.value"
              style="width: 392px; hight: 32px"
            >
            </el-option>
          </el-select>
        </div>
      </div>

      <div class="inputBox">
        <div class="subInputBox">
          <span class="inputBoxName inputBoxNameWidth">主要矿种</span>
          <el-select v-model="value1" placeholder="请选择">
            <el-option
              v-for="item in optionsData"
              :key="item.value"
              :label="item.label"
              :value="item.value"
              style="width: 392px; hight: 32px"
            >
            </el-option>
          </el-select>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">其他矿种名称</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
            style="width: 392px; hight: 32px"
          >
          </el-input>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">开采方式</span>
          <el-select v-model="value1" placeholder="请选择">
            <el-option
              v-for="item in optionsData"
              :key="item.value"
              :label="item.label"
              :value="item.value"
              style="width: 392px; hight: 32px"
            >
            </el-option>
          </el-select>
        </div>
      </div>

      <div class="inputBox">
        <div class="subInputBox">
          <span class="inputBoxName inputBoxNameWidth">开拓方式</span>
          <el-select v-model="value1" placeholder="请选择">
            <el-option
              v-for="item in optionsData"
              :key="item.value"
              :label="item.label"
              :value="item.value"
              style="width: 392px; hight: 32px"
            >
            </el-option>
          </el-select>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">标准化等级</span>
          <el-select v-model="value1" placeholder="请选择">
            <el-option
              v-for="item in optionsData"
              :key="item.value"
              :label="item.label"
              :value="item.value"
              style="width: 392px; hight: 32px"
            >
            </el-option>
          </el-select>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">双重预防机制</span>
          <el-select v-model="value1" placeholder="请选择">
            <el-option
              v-for="item in optionsData"
              :key="item.value"
              :label="item.label"
              :value="item.value"
              style="width: 392px; hight: 32px"
            >
            </el-option>
          </el-select>
        </div>
      </div>

      <div class="inputBox">
        <div class="subInputBox">
          <div class="inputBoxName inputBoxNameWidth">风险分级管控</div>
          <el-select v-model="value1" placeholder="请选择">
            <el-option
              v-for="item in optionsData"
              :key="item.value"
              :label="item.label"
              :value="item.value"
              style="width: 392px; hight: 32px"
            >
            </el-option>
          </el-select>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">固有风险等级</span>
          <el-select v-model="value1" placeholder="请选择">
            <el-option
              v-for="item in optionsData"
              :key="item.value"
              :label="item.label"
              :value="item.value"
              style="width: 392px; hight: 32px"
            >
            </el-option>
          </el-select>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">风险管控水平</span>
          <el-select v-model="value1" placeholder="请选择">
            <el-option
              v-for="item in optionsData"
              :key="item.value"
              :label="item.label"
              :value="item.value"
              style="width: 392px; hight: 32px"
            >
            </el-option>
          </el-select>
        </div>
      </div>

      <div class="inputBox">
        <div class="subInputBox">
          <span class="inputBoxName inputBoxNameWidth">监管类别</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
            style="width: 392px; hight: 32px"
          >
          </el-input>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">开采存储（万吨）</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
            style="width: 392px; hight: 32px"
          >
          </el-input>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">设计生产规模（万吨/年）</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
            style="width: 392px; hight: 32px"
          >
          </el-input>
        </div>
      </div>

      <div class="inputBox">
        <div class="subInputBox">
          <span class="inputBoxName inputBoxNameWidth">矿山规模</span>
          <el-select v-model="value1" placeholder="请选择">
            <el-option
              v-for="item in optionsData"
              :key="item.value"
              :label="item.label"
              :value="item.value"
              style="width: 392px; hight: 32px"
            >
            </el-option>
          </el-select>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">地下矿山井下单班最大作业人数</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
            style="width: 392px; hight: 32px"
          >
          </el-input>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">运行状况</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
            style="width: 392px; hight: 32px"
          >
          </el-input>
        </div>
      </div>

      <div class="inputBox">
        <div class="subInputBox">
          <span class="inputBoxName inputBoxNameWidth">最大开采深度(设计)</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
            style="width: 392px; hight: 32px"
          >
          </el-input>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">最大开采深度(现状)</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
            style="width: 392px; hight: 32px"
          >
          </el-input>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">最大开采高度(设计)</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
            style="width: 392px; hight: 32px"
          >
          </el-input>
        </div>
      </div>

      <div class="inputBox">
        <div class="subInputBox">
          <span class="inputBoxName inputBoxNameWidth">最大开采高度(现状)</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
            style="width: 392px; hight: 32px"
          >
          </el-input>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">边坡稳定性专业分析评估</span>
          <el-select v-model="value1" placeholder="请选择">
            <el-option
              v-for="item in optionsData"
              :key="item.value"
              :label="item.label"
              :value="item.value"
              style="width: 392px; hight: 32px"
            >
            </el-option>
          </el-select>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">边坡稳定性分析完成时间</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
            style="width: 392px; hight: 32px"
          >
          </el-input>
        </div>
      </div>

      <div class="inputBox">
        <div class="subInputBox">
          <span class="inputBoxName inputBoxNameWidth"
            >边坡最高安全监测等级</span
          >
          <el-select v-model="value1" placeholder="请选择">
            <el-option
              v-for="item in optionsData"
              :key="item.value"
              :label="item.label"
              :value="item.value"
              style="width: 392px; hight: 32px"
            >
            </el-option>
          </el-select>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">边坡位移监测</span>
          <el-select v-model="value1" placeholder="请选择">
            <el-option
              v-for="item in optionsData"
              :key="item.value"
              :label="item.label"
              :value="item.value"
              style="width: 392px; hight: 32px"
            >
            </el-option>
          </el-select>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">上一级公司</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
            style="width: 392px; hight: 32px"
          >
          </el-input>
        </div>
      </div>

      <div class="inputBox">
        <div class="subInputBox">
          <span class="inputBoxName inputBoxNameWidth">承托方名称</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
            style="width: 392px; hight: 32px"
          >
          </el-input>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">委托方名称</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
            style="width: 392px; hight: 32px"
          >
          </el-input>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">采矿许可证编号</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
            style="width: 392px; hight: 32px"
          >
          </el-input>
        </div>
      </div>

      <div class="inputBox">
        <div class="subInputBox">
          <span class="inputBoxName inputBoxNameWidth">采矿许可证生效日期</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
            style="width: 392px; hight: 32px"
          >
          </el-input>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">采矿许可证失效日期</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
            style="width: 392px; hight: 32px"
          >
          </el-input>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">安全生产许可证编号</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
            style="width: 392px; hight: 32px"
          >
          </el-input>
        </div>
      </div>

      <div class="inputBox">
        <div class="subInputBox">
          <span class="inputBoxName inputBoxNameWidth"
            >安全生产许可证生效日期</span
          >
          <el-input
            placeholder="请输入"
            v-model="formData.name"
            style="width: 392px; hight: 32px"
          >
          </el-input>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">安全生产许可证失效日期</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
            style="width: 392px; hight: 32px"
          >
          </el-input>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">备注</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
            style="width: 392px; hight: 32px"
          >
          </el-input>
        </div>
      </div>

      <div class="inputBox">
        <div class="subInputBox">
          <span class="inputBoxName inputBoxNameWidth">填报完成时间</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
            style="width: 392px; hight: 32px"
          >
          </el-input>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">填报人标识</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
            style="width: 392px; hight: 32px"
          >
          </el-input>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName">填报人姓名</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
            style="width: 392px; hight: 32px"
          >
          </el-input>
        </div>
      </div>

      <div class="inputBox" style="justify-content: flex-start">
        <div class="subInputBox">
          <span class="inputBoxName inputBoxNameWidth">填报单位标识</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
            style="width: 392px; hight: 32px"
          >
          </el-input>
        </div>
        <div class="subInputBox" style="margin-left: 145px">
          <span class="inputBoxName">填报单位名称</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
            style="width: 392px; hight: 32px"
          >
          </el-input>
        </div>
      </div>

      <!-- 2 -->
      <div class="inputBox inputBox2">
        <div class="subInputBox">
          <span class="inputBoxName inputBoxNameWidth2"
            >停建矿山-能否与企业取得联系</span
          >
          <el-select v-model="value1" placeholder="请选择">
            <el-option
              v-for="item in optionsData"
              :key="item.value"
              :label="item.label"
              :value="item.value"
              style="width: 392px; hight: 32px"
            >
            </el-option>
          </el-select>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName inputBoxNameWidth2"
            >停建矿山-停产停建时间(月)</span
          >
          <el-input
            placeholder="请输入"
            v-model="formData.name"
            style="width: 607px; hight: 32px"
          >
          </el-input>
        </div>
      </div>

      <div class="inputBox inputBox2">
        <div class="subInputBox">
          <span class="inputBoxName inputBoxNameWidth2"
            >停建矿山-主要井口是否封闭</span
          >
          <el-select v-model="value1" placeholder="请选择">
            <el-option
              v-for="item in optionsData"
              :key="item.value"
              :label="item.label"
              :value="item.value"
              style="width: 392px; hight: 32px"
            >
            </el-option>
          </el-select>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName inputBoxNameWidth2"
            >停建矿山-是否正常排水</span
          >
          <el-select v-model="value1" placeholder="请选择">
            <el-option
              v-for="item in optionsData"
              :key="item.value"
              :label="item.label"
              :value="item.value"
              style="width: 392px; hight: 32px"
            >
            </el-option>
          </el-select>
        </div>
      </div>

      <div class="inputBox inputBox2">
        <div class="subInputBox">
          <span class="inputBoxName inputBoxNameWidth2"
            >停建矿山-是否正常通风</span
          >
          <el-select v-model="value1" placeholder="请选择">
            <el-option
              v-for="item in optionsData"
              :key="item.value"
              :label="item.label"
              :value="item.value"
              style="width: 392px; hight: 32px"
            >
            </el-option>
          </el-select>
        </div>
        <div class="subInputBox">
          <span class="inputBoxName inputBoxNameWidth2">停产停建原因</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
            style="width: 607px; hight: 32px"
          >
          </el-input>
        </div>
      </div>

      <div class="inputBox">
        <div class="subInputBox">
          <span class="inputBoxName inputBoxNameWidth2">复工复产状况</span>
          <el-input
            placeholder="请输入"
            v-model="formData.name"
            style="width: 607px; hight: 32px"
          >
          </el-input>
        </div>
      </div>

      <div class="addBtn" style="margin-left: 1725px; margin-top: 25px">
        保存
      </div>
    </div>

    <!-- 露天矿山感知设备信息 -->
    <div class="titleOption">
      <el-select v-model="value" placeholder="请选择">
        <el-option
          v-for="item in options"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        >
        </el-option>
      </el-select>

      <div class="addBtn" v-if="value === '1'" @click="addGanzhi()">添加1</div>
      <div class="addBtn" v-else @click="addKuangshanDingwei()">添加2</div>
      <div class="ganzheTable">
        <el-table v-if="value === '1'" :data="tableData" style="width: 100%">
          <el-table-column
            prop="enterpriseName"
            label="设备编码"
            align="center"
            width="180"
            :show-overflow-tooltip="true"
          >
          </el-table-column>
          <el-table-column
            align="center"
            prop="enterpriseName"
            label="矿山名称"
            width="180"
            :show-overflow-tooltip="true"
          >
          </el-table-column>
          <el-table-column
            align="center"
            prop="targetCode"
            label="设备名称"
            :show-overflow-tooltip="true"
          >
          </el-table-column>
          <el-table-column
            align="center"
            prop="equipCode"
            label="监测参数指标类别"
            :show-overflow-tooltip="true"
          >
          </el-table-column>

          <el-table-column
            align="center"
            prop="startAlarmtime"
            label="安装日期"
            :show-overflow-tooltip="true"
          >
          </el-table-column>
          <el-table-column
            align="center"
            prop="endAlarmtime"
            label="安装位置"
            :show-overflow-tooltip="true"
          >
          </el-table-column>
          <el-table-column
            align="center"
            prop="isDeal"
            label="生产厂家"
            :show-overflow-tooltip="true"
          >
          </el-table-column>
          <el-table-column
            align="center"
            prop="alarmReason"
            width="160"
            label="经度"
            :show-overflow-tooltip="true"
          >
          </el-table-column>
          <el-table-column
            align="center"
            prop="dealTime"
            label="纬度"
            :show-overflow-tooltip="true"
          >
          </el-table-column>
          <el-table-column
            align="center"
            prop="dealTime"
            width="110"
            label="高程"
            :show-overflow-tooltip="true"
          >
          </el-table-column>
          <el-table-column
            align="center"
            prop="alarmGrade"
            label="设备在用状态 "
            :show-overflow-tooltip="true"
          >
            <template slot-scope="scope">
              <div
                v-if="scope.row.alarmGrade == '在用'"
                style="color: #303133; font-weight: 500"
              >
                {{ scope.row.alarmGrade }}
              </div>
              <div
                v-if="scope.row.alarmGrade == '停用'"
                style="color: #ccc; font-weight: 500"
              >
                {{ scope.row.alarmGrade }}
              </div>
            </template>
          </el-table-column>

          <el-table-column
            align="center"
            prop="dealWay"
            label="操作"
            width="100px"
          >
            <template slot-scope="scope">
              <el-button
                style="color: #269e8f"
                type="text"
                @click="addGanzhi(scope.row)"
                >编辑</el-button
              >
              <el-button
                style="color: #f56c6c"
                type="text"
                @click="deleteCompany(scope.row)"
                >删除</el-button
              >
            </template>
          </el-table-column>
        </el-table>

        <el-table v-else :data="tableData" style="width: 100%">
          <el-table-column
            prop="enterpriseName"
            label="设备编码"
            align="center"
            width="140"
            :show-overflow-tooltip="true"
          >
          </el-table-column>
          <el-table-column
            align="center"
            prop="enterpriseName"
            label="定位设备名称"
            width="180"
            :show-overflow-tooltip="true"
          >
          </el-table-column>
          <el-table-column
            align="center"
            prop="enterpriseName"
            label="矿山名称"
            width="140"
            :show-overflow-tooltip="true"
          >
          </el-table-column>

          <el-table-column
            align="center"
            prop="equipCode"
            label="监测参数指标类别"
            width="180"
            :show-overflow-tooltip="true"
          >
          </el-table-column>

          <el-table-column
            align="center"
            prop="startAlarmtime"
            label="安装日期"
            :show-overflow-tooltip="true"
          >
          </el-table-column>
          <el-table-column
            align="center"
            prop="endAlarmtime"
            label="安装位置"
            :show-overflow-tooltip="true"
          >
          </el-table-column>
          <el-table-column
            align="center"
            prop="isDeal"
            label="生产厂家"
            :show-overflow-tooltip="true"
          >
          </el-table-column>
          <el-table-column
            align="center"
            prop="alarmGrade"
            label="设备在用状态 "
            :show-overflow-tooltip="true"
          >
            <template slot-scope="scope">
              <div
                v-if="scope.row.alarmGrade == '在用'"
                style="color: #303133; font-weight: 500"
              >
                {{ scope.row.alarmGrade }}
              </div>
              <div
                v-if="scope.row.alarmGrade == '停用'"
                style="color: #ccc; font-weight: 500"
              >
                {{ scope.row.alarmGrade }}
              </div>
            </template>
          </el-table-column>
          <el-table-column
            align="center"
            prop="alarmReason"
            width="160"
            label="同步状态"
            :show-overflow-tooltip="true"
          >
          </el-table-column>
          <el-table-column
            align="center"
            prop="dealTime"
            label="运载能力"
            :show-overflow-tooltip="true"
          >
          </el-table-column>
          <el-table-column
            align="center"
            prop="dealTime"
            width="90"
            label="负责人姓名"
            :show-overflow-tooltip="true"
          >
          </el-table-column>
          <el-table-column
            align="center"
            prop="dealTime"
            width="130"
            label="负责人身份证号"
            :show-overflow-tooltip="true"
          >
          </el-table-column>
          <el-table-column
            align="center"
            prop="dealTime"
            width="110"
            label="负责人手机号"
            :show-overflow-tooltip="true"
          >
          </el-table-column>

          <el-table-column
            align="center"
            prop="dealWay"
            label="操作"
            width="100px"
          >
            <template slot-scope="scope">
              <el-button
                style="color: #269e8f"
                type="text"
                @click="addKuangshanDingwei(scope.row)"
                >编辑</el-button
              >
              <el-button
                style="color: #f56c6c"
                type="text"
                @click="deleteCompany(scope.row)"
                >删除</el-button
              >
            </template>
          </el-table-column>
        </el-table>
      </div>

      <el-dialog
        :visible.sync="dialogVisible"
        width="1218px"
        :before-close="handleClose"
        :show-close="false"
        :append-to-body="true"
        custom-class="dialogCompany"
      >
        <div class="dialogTitle" slot="title">{{ dialogTitle }}</div>
        <div class="dialogForm">
          <el-form
            ref="form"
            :rules="rules"
            :model="form"
            label-width="200px"
            :inline="true"
          >
            <div class="formBox">
              <div class="formItem">
                <div class="left">
                  <el-form-item label="设备编码">
                    <el-input
                      :disabled="seeForm"
                      placeholder="请输入"
                      v-model="form.targetCode"
                    ></el-input>
                  </el-form-item>
                </div>
                <div class="right">
                  <el-form-item label="矿山名称">
                    <el-input
                      :disabled="seeForm"
                      placeholder="请输入"
                      v-model="form.targetCode"
                    ></el-input>
                  </el-form-item>
                </div>
              </div>
              <div class="formItem">
                <div class="left">
                  <el-form-item label="设备名称">
                    <el-input
                      :disabled="seeForm"
                      placeholder="请输入"
                      v-model="form.targetCode"
                    ></el-input>
                  </el-form-item>
                </div>
                <div class="right">
                  <el-form-item label="监测参数指标类别">
                    <el-input
                      placeholder="请输入"
                      v-model="form.targetPlace"
                      :disabled="seeForm"
                    ></el-input>
                  </el-form-item>
                </div>
              </div>
              <div class="formItem">
                <div class="left">
                  <el-form-item label="安装日期">
                    <el-input
                      :disabled="seeForm"
                      placeholder="请输入"
                      v-model="form.targetCode"
                    ></el-input>
                  </el-form-item>
                </div>
                <div class="right">
                  <el-form-item label="安装位置">
                    <el-input
                      placeholder="请输入"
                      v-model="form.targetName"
                      :disabled="seeForm"
                    ></el-input>
                  </el-form-item>
                </div>
              </div>
              <div class="formItem">
                <div class="left">
                  <el-form-item label="生产厂家">
                    <el-input
                      :disabled="seeForm"
                      placeholder="请输入"
                      v-model="form.targetCode"
                    ></el-input>
                  </el-form-item>
                </div>
                <div class="right">
                  <el-form-item label="经度">
                    <el-input
                      :disabled="seeForm"
                      placeholder="请输入"
                      v-model="form.targetCode"
                    ></el-input>
                  </el-form-item>
                </div>
              </div>
              <div class="formItem">
                <div class="left">
                  <el-form-item class="label-class" label="纬度">
                    <el-input
                      :disabled="seeForm"
                      placeholder="请输入"
                      v-model="form.targetCode"
                    ></el-input>
                  </el-form-item>
                </div>
                <div class="right">
                  <el-form-item label="高程">
                    <el-input
                      :disabled="seeForm"
                      placeholder="请输入"
                      v-model="form.targetCode"
                    ></el-input>
                  </el-form-item>
                </div>
              </div>
              <div class="formItem">
                <div class="left">
                  <el-form-item label="设备在用状态">
                    <el-input
                      :disabled="seeForm"
                      placeholder="请输入"
                      v-model="form.thresholdUpupLimit"
                    ></el-input>
                  </el-form-item>
                </div>
              </div>
            </div>
          </el-form>
        </div>
        <div slot="footer" class="dialog-footer">
          <el-button @click="handleClose">取 消</el-button>
          <el-button
            :disabled="seeForm"
            class="leftCancel"
            type="primary"
            @click="submitForm"
            >确 定</el-button
          >
        </div>
      </el-dialog>

      <el-dialog
        :visible.sync="dialogVisible5"
        width="1218px"
        :before-close="handleClose"
        :show-close="false"
        :append-to-body="true"
        custom-class="dialogCompany"
      >
        <div class="dialogTitle" slot="title">{{ dialogTitle5 }}</div>
        <div class="dialogForm">
          <el-form
            ref="form"
            :rules="rules"
            :model="form"
            label-width="200px"
            :inline="true"
          >
            <div class="formBox">
              <div class="formItem">
                <div class="left">
                  <el-form-item label="设备编码">
                    <el-input
                      :disabled="seeForm"
                      placeholder="请输入"
                      v-model="form.targetCode"
                    ></el-input>
                  </el-form-item>
                </div>
                <div class="right">
                  <el-form-item label="矿山名称">
                    <el-input
                      :disabled="seeForm"
                      placeholder="请输入"
                      v-model="form.targetCode"
                    ></el-input>
                  </el-form-item>
                </div>
              </div>
              <div class="formItem">
                <div class="left">
                  <el-form-item label="设备名称">
                    <el-input
                      :disabled="seeForm"
                      placeholder="请输入"
                      v-model="form.targetCode"
                    ></el-input>
                  </el-form-item>
                </div>
                <div class="right">
                  <el-form-item label="监测参数指标类别">
                    <el-input
                      placeholder="请输入"
                      v-model="form.targetPlace"
                      :disabled="seeForm"
                    ></el-input>
                  </el-form-item>
                </div>
              </div>
              <div class="formItem">
                <div class="left">
                  <el-form-item label="安装日期">
                    <el-input
                      :disabled="seeForm"
                      placeholder="请输入"
                      v-model="form.targetCode"
                    ></el-input>
                  </el-form-item>
                </div>
                <div class="right">
                  <el-form-item label="安装位置">
                    <el-input
                      placeholder="请输入"
                      v-model="form.targetName"
                      :disabled="seeForm"
                    ></el-input>
                  </el-form-item>
                </div>
              </div>
              <div class="formItem">
                <div class="left">
                  <el-form-item label="生产厂家">
                    <el-input
                      :disabled="seeForm"
                      placeholder="请输入"
                      v-model="form.targetCode"
                    ></el-input>
                  </el-form-item>
                </div>
                <div class="right">
                  <el-form-item label="经度">
                    <el-input
                      :disabled="seeForm"
                      placeholder="请输入"
                      v-model="form.targetCode"
                    ></el-input>
                  </el-form-item>
                </div>
              </div>
              <div class="formItem">
                <div class="left">
                  <el-form-item class="label-class" label="纬度">
                    <el-input
                      :disabled="seeForm"
                      placeholder="请输入"
                      v-model="form.targetCode"
                    ></el-input>
                  </el-form-item>
                </div>
                <div class="right">
                  <el-form-item label="高程">
                    <el-input
                      :disabled="seeForm"
                      placeholder="请输入"
                      v-model="form.targetCode"
                    ></el-input>
                  </el-form-item>
                </div>
              </div>
              <div class="formItem">
                <div class="left">
                  <el-form-item label="设备在用状态">
                    <el-input
                      :disabled="seeForm"
                      placeholder="请输入"
                      v-model="form.thresholdUpupLimit"
                    ></el-input>
                  </el-form-item>
                </div>
              </div>
            </div>
          </el-form>
        </div>
        <div slot="footer" class="dialog-footer">
          <el-button @click="handleClose5()">取 消</el-button>
          <el-button
            :disabled="seeForm"
            class="leftCancel"
            type="primary"
            @click="submitForm"
            >确 定</el-button
          >
        </div>
      </el-dialog>
    </div>

    <!-- 人员定位指标信息 -->
    <div class="componentTitle componentTitle1">人员定位指标信息</div>
    <div class="addBtn" @click="addDingwei()">添加</div>
    <div class="pepleTable">
      <el-table :data="tableData" style="width: 100%">
        <el-table-column
          align="center"
          prop="targetCode"
          label="设备名称"
          width="280"
          :show-overflow-tooltip="true"
        >
        </el-table-column>
        <el-table-column
          align="center"
          prop="equipCode"
          label="人员姓名"
          width="280"
          :show-overflow-tooltip="true"
        >
        </el-table-column>
        <el-table-column
          align="center"
          prop="alarmGrade"
          label="手机号 "
          width="280"
          :show-overflow-tooltip="true"
        >
        </el-table-column>
        <el-table-column
          align="center"
          prop="equipCode"
          label="身份证"
          :show-overflow-tooltip="true"
        >
        </el-table-column>
        <el-table-column
          align="center"
          prop="dealWay"
          label="操作"
          width="100px"
        >
          <template slot-scope="scope">
            <el-button
              style="color: #269e8f"
              type="text"
              @click="addDingwei(scope.row)"
              >编辑</el-button
            >
            <el-button
              style="color: #f56c6c"
              type="text"
              @click="deleteCompany(scope.row)"
              >删除</el-button
            >
          </template>
        </el-table-column>
      </el-table>
    </div>
    <el-dialog
      :visible.sync="dialogVisible2"
      width="1218px"
      :before-close="handleClose"
      :show-close="false"
      :append-to-body="true"
      custom-class="dialogCompany"
    >
      <div class="dialogTitle" slot="title">{{ dialogTitle2 }}</div>
      <div class="dialogForm">
        <el-form
          ref="form"
          :rules="rules"
          :model="form"
          label-width="200px"
          :inline="true"
        >
          <div class="formBox">
            <div class="formItem">
              <div class="left">
                <el-form-item label="设备名称">
                  <el-input
                    :disabled="seeForm"
                    placeholder="请输入"
                    v-model="form.targetCode"
                  ></el-input>
                </el-form-item>
              </div>
              <div class="right">
                <el-form-item label="人员姓名">
                  <el-input
                    placeholder="请输入"
                    v-model="form.targetPlace"
                    :disabled="seeForm"
                  ></el-input>
                </el-form-item>
              </div>
            </div>
            <div class="formItem">
              <div class="left">
                <el-form-item label="手机号">
                  <el-input
                    :disabled="seeForm"
                    placeholder="请输入"
                    v-model="form.targetCode"
                  ></el-input>
                </el-form-item>
              </div>
              <div class="right">
                <el-form-item label="身份证">
                  <el-input
                    placeholder="请输入"
                    v-model="form.targetName"
                    :disabled="seeForm"
                  ></el-input>
                </el-form-item>
              </div>
            </div>
          </div>
        </el-form>
      </div>
      <div slot="footer" class="dialog-footer">
        <el-button @click="handleClose2">取 消</el-button>
        <el-button
          :disabled="seeForm"
          class="leftCancel"
          type="primary"
          @click="submitForm"
          >确 定</el-button
        >
      </div>
    </el-dialog>

    <!-- 车辆定位指标信息 -->
    <div class="componentTitle componentTitle1">车辆定位指标信息</div>
    <div class="addBtn" @click="addCarDingwei()">添加</div>
    <div class="carTable">
      <el-table :data="tableData" style="width: 100%">
        <el-table-column
          align="center"
          prop="targetCode"
          label="设备名称"
          width="280"
          :show-overflow-tooltip="true"
        >
        </el-table-column>
        <el-table-column
          align="center"
          prop="equipCode"
          label="车牌号码"
          :show-overflow-tooltip="true"
        >
        </el-table-column>
        <el-table-column
          align="center"
          prop="dealWay"
          label="操作"
          width="100px"
        >
          <template slot-scope="scope">
            <el-button
              style="color: #269e8f"
              type="text"
              @click="addCarDingwei(scope.row)"
              >编辑</el-button
            >
            <el-button
              style="color: #f56c6c"
              type="text"
              @click="deleteCompany(scope.row)"
              >删除</el-button
            >
          </template>
        </el-table-column>
      </el-table>
    </div>
    <el-dialog
      :visible.sync="dialogVisible3"
      width="1218px"
      :before-close="handleClose"
      :show-close="false"
      :append-to-body="true"
      custom-class="dialogCompany"
    >
      <div class="dialogTitle" slot="title">{{ dialogTitle3 }}</div>
      <div class="dialogForm">
        <el-form
          ref="form"
          :rules="rules"
          :model="form"
          label-width="200px"
          :inline="true"
        >
          <div class="formBox">
            <div class="formItem">
              <div class="left">
                <el-form-item label="设备名称">
                  <el-input
                    :disabled="seeForm"
                    placeholder="请输入"
                    v-model="form.targetCode"
                  ></el-input>
                </el-form-item>
              </div>
              <div class="right">
                <el-form-item label="车牌号码">
                  <el-input
                    placeholder="请输入"
                    v-model="form.targetPlace"
                    :disabled="seeForm"
                  ></el-input>
                </el-form-item>
              </div>
            </div>
          </div>
        </el-form>
      </div>
      <div slot="footer" class="dialog-footer">
        <el-button @click="handleClose3">取 消</el-button>
        <el-button
          :disabled="seeForm"
          class="leftCancel"
          type="primary"
          @click="submitForm"
          >确 定</el-button
        >
      </div>
    </el-dialog>

    <!-- 附件记录 -->
    <div class="componentTitle componentTitle1">附件记录</div>
    <div class="addBtn" @click="addFujian()">添加</div>
    <div class="fujianTable">
      <el-table :data="tableData" style="width: 100%">
        <el-table-column
          prop="enterpriseName"
          label="附件标题"
          align="center"
          width="280"
          :show-overflow-tooltip="true"
        >
        </el-table-column>
        <el-table-column
          align="center"
          prop="enterpriseName"
          label="附件名称"
          width="280"
          :show-overflow-tooltip="true"
        >
        </el-table-column>
        <el-table-column
          align="center"
          prop="targetCode"
          label="关联业务类别"
          :show-overflow-tooltip="true"
        >
        </el-table-column>
        <el-table-column
          align="center"
          prop="alarmReason"
          width="160"
          label="经度"
          :show-overflow-tooltip="true"
        >
        </el-table-column>
        <el-table-column
          align="center"
          prop="dealTime"
          label="纬度"
          :show-overflow-tooltip="true"
        >
        </el-table-column>
        <el-table-column
          align="center"
          prop="dealTime"
          width="110"
          label="高程"
          :show-overflow-tooltip="true"
        >
        </el-table-column>

        <el-table-column
          align="center"
          prop="dealWay"
          label="操作"
          width="100px"
        >
          <template slot-scope="scope">
            <el-button
              style="color: #269e8f"
              type="text"
              @click="addFujian(scope.row)"
              >编辑</el-button
            >
            <el-button
              style="color: #f56c6c"
              type="text"
              @click="deleteCompany(scope.row)"
              >删除</el-button
            >
          </template>
        </el-table-column>
      </el-table>
    </div>
    <el-dialog
      :visible.sync="dialogVisible4"
      width="1218px"
      :before-close="handleClose"
      :show-close="false"
      :append-to-body="true"
      custom-class="dialogCompany"
    >
      <div class="dialogTitle" slot="title">{{ dialogTitle4 }}</div>
      <div class="dialogForm">
        <el-form
          ref="form"
          :rules="rules"
          :model="form"
          label-width="200px"
          :inline="true"
        >
          <div class="formBox">
            <div class="formItem">
              <div class="left">
                <el-form-item label="附件标题">
                  <el-input
                    :disabled="seeForm"
                    placeholder="请输入"
                    v-model="form.targetCode"
                  ></el-input>
                </el-form-item>
              </div>
              <div class="right">
                <el-form-item label="附件名称">
                  <el-input
                    placeholder="请输入"
                    v-model="form.targetPlace"
                    :disabled="seeForm"
                  ></el-input>
                </el-form-item>
              </div>
            </div>
            <div class="formItem">
              <div class="left">
                <el-form-item label="关联业务类别">
                  <el-input
                    :disabled="seeForm"
                    placeholder="请输入"
                    v-model="form.targetCode"
                  ></el-input>
                </el-form-item>
              </div>
              <div class="right">
                <el-form-item label="经度">
                  <el-input
                    placeholder="请输入"
                    v-model="form.targetPlace"
                    :disabled="seeForm"
                  ></el-input>
                </el-form-item>
              </div>
            </div>
            <div class="formItem">
              <div class="left">
                <el-form-item label="纬度">
                  <el-input
                    :disabled="seeForm"
                    placeholder="请输入"
                    v-model="form.targetCode"
                  ></el-input>
                </el-form-item>
              </div>
              <div class="right">
                <el-form-item label="高程">
                  <el-input
                    placeholder="请输入"
                    v-model="form.targetPlace"
                    :disabled="seeForm"
                  ></el-input>
                </el-form-item>
              </div>
            </div>
          </div>
        </el-form>
      </div>
      <div slot="footer" class="dialog-footer">
        <el-button @click="handleClose4">取 消</el-button>
        <el-button
          :disabled="seeForm"
          class="leftCancel"
          type="primary"
          @click="submitForm"
          >确 定</el-button
        >
      </div>
    </el-dialog>
  </div>
</template>

<script>
export default {
  name: 'mineCompany',
  props: {},
  components: {},
  data () {
    return {
      formData: {
        name: ''
      },
      optionsData: [
        {
          value: '选项1',
          label: '黄金糕'
        },
        {
          value: '选项2',
          label: '双皮奶'
        },
        {
          value: '选项3',
          label: '蚵仔煎'
        },
        {
          value: '选项4',
          label: '龙须面'
        },
        {
          value: '选项5',
          label: '北京烤鸭'
        }
      ],
      options: [
        {
          value: '1',
          label: '露天矿山感知设备信息'
        },
        {
          value: '2',
          label: '露天矿山定位设备信息'
        }
      ],
      tableData: [
        {
          id: 5,
          enterpriseName: '浙江金麒实业有限公司',
          emergencySceneCode: '粉尘涉爆企业',
          alarmGrade: '在用',
          targetCode: 'xxxxxxxxx',
          equipCode: '金麒实业除尘设备',
          startAlarmtime: '2024-06-13 10:37:08',
          alarmStatus: '已消警',
          endAlarmtime: '2024-06-14 10:37:12',
          isDeal: '未处理',
          alarmReason: 'CGCS2000',
          dealTime: '2024-06-14 10:37:24',
          dealWay: '1',
          dealPersonName: '1'
        },
        {
          id: 8,
          enterpriseName: '浙江金麒实业有限公司',
          emergencySceneCode: '粉尘涉爆企业',
          alarmGrade: '停用',
          targetCode: 'xxxxxxxxxxx',
          equipCode: '天诚家具除尘设备',
          startAlarmtime: '2024-06-14 10:37:08',
          alarmStatus: '已消警',
          endAlarmtime: '2024-06-14 10:37:12',
          isDeal: '未处理',
          alarmReason: 'CGCS2000',
          dealTime: '2024-06-14 10:37:24',
          dealWay: '1',
          dealPersonName: '1'
        }
      ],
      value: '1',
      value1: '',

      seeForm: false,
      dialogTitle: '新增露天矿山感知设备信息',
      dialogTitle2: '新增人员定位指标信息',
      dialogTitle3: '新增车辆定位指标信息',
      dialogTitle4: '新增附件记录',
      dialogTitle5: '新增露天矿山定位设备信息',
      rules: {
        companyName: [
          {
            required: true,
            message: 'companyName is required',
            trigger: 'blur'
          }
        ]
      },
      dialogVisible: false,
      dialogVisible2: false,
      dialogVisible3: false,
      dialogVisible4: false,
      dialogVisible5: false,
      form: {
        companyName: '',
        emergencyScenecode: '',
        equipCode: '',
        targetType: '',
        targetName: '',
        targetUnit: '',
        targetPlace: '',
        targetStatus: '',
        signalType: '',
        thresholdUpupLimit: '',
        thresholdUpLimit: '',
        thresholdDowndownLimit: '',
        thresholdDownLimit: '',
        rangeDown: '',
        rangeUp: '',
        bitNo: '',
        targetDescription: '',
        alarmValue: ''
      }
    }
  },
  methods: {
    addGanzhi (row) {
      console.log(row)
      if (row) {
        this.dialogTitle = '编辑露天矿山感知设备信息'
      } else {
        this.dialogTitle = '新增露天矿山感知设备信息'
      }
      this.dialogVisible = true
    },
    handleClose () {
      this.dialogVisible = false
    },

    addKuangshanDingwei (row) {
      console.log(row)
      if (row) {
        this.dialogTitle5 = '编辑露天矿山定位设备信息'
      } else {
        this.dialogTitle5 = '新增露天矿山定位设备信息'
      }
      this.dialogVisible5 = true
    },
    handleClose5 () {
      this.dialogVisible5 = false
    },

    addDingwei (row) {
      console.log(row)
      if (row) {
        this.dialogTitle2 = '编辑人员定位指标信息'
      } else {
        this.dialogTitle2 = '新增人员定位指标信息'
      }
      this.dialogVisible2 = true
    },
    handleClose2 () {
      this.dialogVisible2 = false
    },
    addCarDingwei (row) {
      console.log(row)
      if (row) {
        this.dialogTitle3 = '编辑车辆定位指标信息'
      } else {
        this.dialogTitle3 = '新增车辆定位指标信息'
      }
      this.dialogVisible3 = true
    },
    handleClose3 () {
      this.dialogVisible3 = false
    },

    addFujian (row) {
      console.log(row)
      if (row) {
        this.dialogTitle4 = '编辑附件记录'
      } else {
        this.dialogTitle4 = '新增附件记录'
      }
      this.dialogVisible4 = true
    },
    handleClose4 () {
      this.dialogVisible4 = false
    },
    submitForm () {}
  },
  mounted () {},
  watch: {},
  computed: {},
  filters: {}
}
</script>

<style scoped lang="scss">
.componentTitle {
  color: #303133;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
}

.componentTitle1 {
  margin-top: 41px;
}

.formTable {
  font-family: 思源黑体;
  font-size: 14px;
  font-weight: normal;
  line-height: 19px;
  letter-spacing: 0px;
  font-feature-settings: 'kern' on;
  color: #303133;
  .inputBox {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
    .subInputBox {
      display: flex;
      .inputBoxName {
        padding-top: 2px;
        text-align: right;
        width: 112px;
        height: 32px;
        margin-right: 11px;

        display: flex;
        align-items: center;
        justify-content: flex-end;
        word-wrap: break-word;
        overflow-wrap: break-word;
      }
      .inputBoxNameWidth {
        width: 84px;
      }

      .inputBoxNameWidth2 {
        width: 189px;
      }
    }
  }
}

.titleOption {
  margin-top: 40px;
}

.inputBox ::v-deep .el-select .el-input .el-input__inner {
  width: 392px;
  height: 32px;
}
.inputBox2 ::v-deep .el-select .el-input .el-input__inner {
  width: 607px;
  height: 32px;
}

.titleOption ::v-deep .el-select .el-input__inner {
  background-color: transparent;
  color: #303133;
  font-size: 16px;
  font-weight: 900;
  line-height: 17px;
  letter-spacing: 0px;
  width: 240px;
}
// .titleOption ::v-deep .el-select-dropdown__item .selected {
//   color: #303133;
// }
.addBtn {
  margin-top: 15px;
  width: 78px;
  height: 32px;
  border-radius: 3px;
  opacity: 1;
  background: #269e8f;
  font-family: 思源黑体;
  font-size: 14px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0px;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
}

.dialogTitle {
  text-align: center;
  border-bottom: 1px solid #d8d8d8;
  font-size: 20px;
  font-weight: 500;
  padding: 22px 0 19px 0;
}
::v-deep .el-dialog__header {
  padding: 0 30px;
}
.dialog-footer {
  display: flex;
  justify-content: center;
  .leftCancel {
    margin-left: 77px;
    background-color: #269e8f;
    border: 1px solid #269e8f;
  }
}
.dialogForm {
  .label-class::v-deep .el-form-item__label {
    white-space: pre-line !important;
    line-height: 18px !important;
  }
  .formBox {
    .formItem {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 20px;
    }
    .left {
      width: 50%;
      height: 30px;
      line-height: 30px;
    }
    .right {
      width: 50%;
      height: 30px;
      line-height: 30px;
    }
  
    ::v-deep .el-input {
      height: 30px;
      width: 260px;
    }
    ::v-deep .el-input__inner {
      height: 30px;
    }
    ::v-deep .el-input__suffix {
      height: 40px;
    }
  }
}
::v-deep.dialogCompany {
  border-radius: 20px;
}
</style>
